<template>
    <div class="container-box">
        <Title>首页</Title>
        <NuxtLayout name="common">
            <div class="box mt-[30px]">
                <t-card title="零售流程":bordered="false">
                    <div class="feature-box w-[500px] my-0 mx-auto text-[20px]">
                        <div class="feature-item  text-center">
                            <NuxtLink to="/user/张三" target="_blank">【商城】用户订单页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px]  text-center">
                            <NuxtLink to="/user/goods" target="_blank">【商城】商品选购页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 【商城】订单管理页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/erp/sale" target="_blank"> 【ERP】销售订单列表页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/erp/select" target="_blank">【ERP】库管选择出库方式 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank">可选【自有仓配】快递信息填写及传递 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 可选【京东仓配】发货通知监听页面 </NuxtLink>
                        </div>
                    </div>
                </t-card>
            </div>
            <div class="box mt-[30px]">
                <t-card title="预售流程":bordered="false">
                    <div class="feature-box w-[500px] my-0 mx-auto text-[20px]">
                        <div class="feature-item  text-center">
                            <NuxtLink to="/user/index" target="_blank"> 0️⃣【商城】用户订单页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px]  text-center">
                            <NuxtLink to="/user/goodss" target="_blank"> 1️⃣【商城】商品选购页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/orders" target="_blank"> 3️⃣【商城】订单管理页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 4️⃣【商城】订单管理详情页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 5️⃣【商城】商城确认发货页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 6️⃣【ERP】销售订单未审核页面 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 7️⃣【ERP】计划确认是否生产 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 8️⃣可选【ERP】计划确认无需生产 </NuxtLink>
                        </div>
                        <div class="feature-item mt-[30px] text-center">
                            <NuxtLink to="/manager/order" target="_blank"> 9️⃣可选【ERP】计划确认需要生产 </NuxtLink>
                        </div>
                    </div>
                </t-card>
            </div>
        </NuxtLayout>
    </div>
</template>

<script setup lang="ts">

</script>

<style  scoped>
:deep(){
    .t-list-item{
        padding: 20px !important;
    }
}
</style>